<template>
    <div class="c-container">
        <c-header></c-header>
        <div class="c-menu">
            <ul class="c-menu-content">
                <li>首页</li>
                <li>大赛介绍</li>
                <li>赛事动态</li>
                <li>比赛通知</li>
                <li>评奖结果</li>
                <li>优秀个人</li>
                <li>比赛文件</li>
                <li class="clear"></li>
            </ul>
        </div>
        <router-view></router-view>
    </div>
</template>

<script>
    import { header } from '../../components';
    export default {
        name:'home',

        components:{
            cHeader:header
        }
    }
</script>

<style lang="less" scoped rel="stylesheet/less" type="text/css">
    @import "../../plugins/assets/css/flex.less";
    .c-container{
        background:url('../../assets/img/china/big_back.png') 0 0 no-repeat;
    }
    .vp-back-img{
        position: absolute;
    }
    .c-menu{
        background-color:#B12828;
        height:50px;
        width: 100%;
        &-content{
            width: 50%;
            margin: 0 auto;
            text-align: center;
            li {
                .box-sizing;
                float: left;
                color: #fff;
                font-weight:bold;
                padding: 15px 30px;
                font-size:20px;
                cursor: pointer;
            }
        }
    }
</style>